@import 'mixin/media.less';

html{
    font-size:62.5%;    
}

@media screen and ( max-width: 750px ){ .getMediaFont( 750px); }
@media screen and ( max-width: 736px ){ .getMediaFont( 736px); }
@media screen and ( max-width: 720px ){ .getMediaFont( 720px); }
@media screen and ( max-width: 667px ){ .getMediaFont( 667px); }
@media screen and ( max-width: 640px ){ .getMediaFont( 640px); }
@media screen and ( max-width: 568px ){ .getMediaFont( 568px); }
@media screen and ( max-width: 562.5px ){ .getMediaFont( 562.5px); }
@media screen and ( max-width: 540px ){ .getMediaFont( 540px); }
@media screen and ( max-width: 414px ){ .getMediaFont( 414px); }
@media screen and ( max-width: 375px ){ .getMediaFont( 375px); }
@media screen and ( max-width: 360px ){ .getMediaFont( 360px); }
@media screen and ( max-width: 320px ){ .getMediaFont( 320px); }
       

body{
    margin:0px; 
    padding:0px;
}
body,p,a,span,li,div,h1,h2,h3,h4,h5{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size:1.6rem;
}
ul,li,ol,dl,dd{
    list-style: none;
}
img,a{
    display: inline-block;
}
a{
    text-decoration: none;
}
/* safari10+ input:text */
input::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    position: absolute;
    right: 0;
}
input,button{
    -webkit-appearance: none;
}
input[type="text"],
button{
    font-size:1.6rem;
    background-color:white;
    border:1px solid black;
    display: inline-block;    
    line-height: 2em;    
}

